import React from 'react';
import { Layout } from 'antd';
import { Outlet } from 'react-router-dom';

const { Header, Sider, Content } = Layout;

/**
 * 应用主布局组件
 * @returns 布局组件
 */
const AppLayout: React.FC = () => {
  return (
    <Layout style={{ height: '100vh' }}>
      <Header style={{ background: '#fff', padding: '0 16px' }}>
        <h1>金融低代码平台</h1>
      </Header>
      <Layout>
        <Sider width={200} style={{ background: '#fff' }}>
          {/* 侧边栏导航将在此处添加 */}
        </Sider>
        <Content style={{ padding: '16px', overflow: 'auto' }}>
          <Outlet />
        </Content>
      </Layout>
    </Layout>
  );
};

export default AppLayout;
